Learn how Svelte 5 reactivity works and when to derive values using `$derived` by learning how signals work under the hood.

🔴 Patreon: https://www.patreon.com/joyofcode
 𝕏 Twitter: https://twitter.com/joyofcodedev
💬 Discord: https://discord.com/invite/k6ZpwAKwwZ
🔥 Uses:  https://www.joyofcode.xyz/uses

🔗 Svelte 5 Docs: https://svelte-5-preview.vercel.app/docs
🔗 Microtask: https://developer.mozilla.org/en-US/docs/Web/API/queueMicrotask

🔖 Timestamps

0:00 Intro
0:35 Sponsor
0:51 How Does Svelte Reactivity Work?
4:27 Using The Derived Rune
10:39 Don't Use Effects To Update State
14:36 You Don't Have To Use $derived
17:57 How Do Signals Work?
21:17 Updating State With Functions And Writable Deriveds
25:15 Using Proxied State To Update Values
31:06 Don't Use $derived For Side-Effects
37:04 Outro

#joyofcode #sveltekit #svelte